<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>小天才学习网培训课程</title>
    <link href="../static/banner/video-js.min.css" rel="stylesheet">
    <script src="../static/banner/video.min.js"></script>
    <meta charset="UTF-8">
    <meta name="keywords" content="嵌入式，开发技术，C语言，编程，-IT易学网面授培训课程"/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="js/js/jquery.min.js"
            tppabs="http://www.yxit.net/js/js/jquery.min.js"></script>
    <script type="text/javascript" th:src="@{/js/cookies.js}" src="js/cookies.js"
            tppabs="http://www.yxit.net/js/cookies.js"></script>
     <script src="../static/js/jquery-1.11.3.min.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "../../hm.baidu.com/hm.js-30981990609a2e4838988cb9a11d8faa"/*tpa=https://hm.baidu.com/hm.js?30981990609a2e4838988cb9a11d8faa*/;
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!--百度统计代码-->

    <!-- 右侧贴边导航购物车显示由quick_links.js控制 -->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/ieBetter.js" tppabs="http://www.yxit.net/course/js/ieBetter.js"></script>
    <![endif]-->
    <script type="text/javascript" th:src="@{/js/parabola.js}" src="js/parabola.js"
            tppabs="http://www.yxit.net/js/parabola.js"></script>

    <link rel="stylesheet" type="text/css" th:href="@{/css/base1.css}" href="css/base1.css"
          tppabs="http://www.yxit.net/css/base1.css"/>
    <script type="text/javascript" th:src="@{/js/common.js}" src="js/common.js"
            tppabs="http://www.yxit.net/js/common.js"></script>
    <script type="text/javascript" th:src="@{/js/quick_links.js}" src="js/quick_links.js"
            tppabs="http://www.yxit.net/js/quick_links.js"></script>
    <script type="text/javascript" th:src="@{/js/validateUtil.js}" src="js/validateUtil.js"
            tppabs="http://www.yxit.net/js/validateUtil.js"></script>
    <!--/ 右侧导航栏 -->
    <script type="text/javascript" th:src="@{/js/msgbox.js}" src="js/msgbox.js"
            tppabs="http://www.yxit.net/js/msgbox.js"></script>
    <link rel="icon" href="/images/yx-icon.png"/>
    <link th:href="@{/css/base.css}" href="css/base.css" tppabs="http://www.yxit.net/css/base.css" rel="stylesheet"
          type="text/css"/>
    <link th:href="@{/css/shou.css}" href="css/shou.css" tppabs="http://www.yxit.net/css/shou.css" rel="stylesheet"
          type="text/css"/>
    <link th:href="@{/css/index.css}" href="css/index.css" tppabs="http://www.yxit.net/css/index.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/msgbox.css}" href="css/msgbox.css"
          tppabs="http://www.yxit.net/css/msgbox.css"/>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style>
        #details {
            float: left;
            margin: 30px;
        }

        .hidde {
            disable: none
        }

        .disable {
            background-color: #dddddd
        }

        dl.kc .more {
            margin-top: 140px;
        }

        .quick_links_wrap {
            width: 40px;
        }

        .mui-mbar-tabs {
            width: 40px;
        }

        .bd img {
            display: block;
        }

        .text {
            width: 290px;
            padding-left: 10px;
            outline: none;
            padding-top: 5px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #CCC;
            margin-bottom: 15px;
            font-size: 14px;
        }

        #new_account {
            float: right;
            margin-right: 30px;
            color: #01a29a;
        }

        #new_account:hover {
            color: #f00;
        }

        .tipPlace {
            position: absolute;
            color: #888;
            display: none;
        }

        #login_btn {
            background: #01a29a;
            border: none;
            width: 302px;
            color: #fff;
            font-size: 20px;
            height: 43px;
            margin-top: 10px;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" th:src="@{/js/main.js}" src="js/main.js"
            tppabs="http://www.yxit.net/js/main.js"></script>
    <script th:src="@{/jjs/md5.js}" src="js/md5.js" tppabs="http://www.yxit.net/js/md5.js"
            type="text/javascript"></script>
    <script th:src="@{/js/base64.js}" src="js/base64.js" tppabs="http://www.yxit.net/js/base64.js"
            type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/js/js/jquery.qqFace.js}" src="js/js/jquery.qqFace.js"
            tppabs="http://www.yxit.net/js/js/jquery.qqFace.js"></script>
    <link th:href="@{/css/list_info.css}" href="css/list_info.css" tppabs="http://www.yxit.net/css/list_info.css"
          rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/drop-down.css}" href="css/drop-down.css"
          tppabs="http://www.yxit.net/css/drop-down.css"/>
    <link rel="stylesheet" th:href="@{/css/sub2.css}" href="css/sub2.css" tppabs="http://www.yxit.net/css/sub2.css"
          type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/jquery.spinner.css}" href="css/jquery.spinner.css"
          tppabs="http://www.yxit.net/css/jquery.spinner.css" type="text/css"/>
    <script th:src="@{/js/jquery-ui.min.js}" src="js/jquery-ui.min.js"
            tppabs="http://www.yxit.net/js/jquery-ui.min.js"></script>
    <script th:src="@{/js/select-widget-min.js}" src="js/select-widget-min.js"
            tppabs="http://www.yxit.net/js/select-widget-min.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery.spinner.js}" src="js/jquery.spinner.js"
            tppabs="http://www.yxit.net/js/jquery.spinner.js"></script>
    <script type="text/javascript" th:src="@{/js/jquery.SuperSlide.2.1.1.js}" src="js/jquery.SuperSlide.2.1.1.js"
            tppabs="http://www.yxit.net/js/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        function whenDocumentReady() {
            priceItemClickRegister();
            initCollection();
            getDescription(".description");
        };
        $(function () {
            $(".slideTxtBox2 .hd li").eq(2).click(function () {
                var num = $(".r span").html();
                if (num >= 1) {
                    var posi = (num - 1) * 144 + 28 + "px";
                    var time = num * 1000;
                    $(".r span").animate({left: posi}, time);
                } else {
                    var posi = num * 50 - 22 + "px";
                    $(".r span").animate({left: posi}, 800);
                }
            })
        })
    </script>
</head>

<body>
<link rel="stylesheet" href="css/style1.css" tppabs="http://www.yxit.net/css/style1.css"/>
<script type="text/javascript" th:src="@{/js/js/jquery.qqFace.js}" src="js/js/jquery.qqFace.js"
        tppabs="http://www.yxit.net/js/js/jquery.qqFace.js"></script>
<script type="text/javascript" th:src="@{/js/scrollbar/jquery.slimscroll.js}" src="js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="left">
            <a href="/login.jsp.htm" tppabs="http://www.yxit.net/login.jsp">[[${session.USER.empName}]]</a>
            <a th:onclick="'qian('+${session.USER.id}+')'" href="javascript:void(0)">每日签到</a>
        </div>

        <div class="right">
            <a href="/study/index">首页</a>
            <a href="/login.jsp.htm" tppabs="http://www.yxit.net/userCenter/purchasedGoodsList.html">个人信息</a>
            <a th:href="@{/sel(id=${session.USER.id})}">我的收藏夹</a>
        </div>
    </div>
</div>
<link href="css/prettify.css" tppabs="http://www.yxit.net/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" th:src="@{/js/scrollbar/prettify.js}" src="js/scrollbar/prettify.js"
        tppabs="http://www.yxit.net/js/scrollbar/prettify.js"></script>
<script type="text/javascript" th:src="@{/js/scrollbar/jquery.slimscroll.js}" src="js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" th:src="@{/js/appraisePage.js}" src="js/appraisePage.js"
        tppabs="http://www.yxit.net/js/appraisePage.js"></script>
<script type="text/javascript" th:src="@{/js/navigation.js}" src="js/navigation.js"
        tppabs="http://www.yxit.net/js/navigation.js"></script>
<div id="index_top">

    <!-- 导航-->
    <div id="nav">
        <ul class="menu">
            <li><a href="/study/index">首页</a></li>

            <li><a href="../video.htm" tppabs="http://www.yxit.net/video.htm">视频</a></li>

            <li><a href="../identify.htm" tppabs="http://www.yxit.net/identify.htm">考试</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->

<script>
    function whenDocumentReady3() {
        /*加载购物车*/
        loadingShoppingCart();
    }

    /*
        搜索商品的分页
    */
    /*到第N页*/
    function top_topage(n) {
        $(".top_pageForm").find(".top_page").val(n);
        $(".top_pageForm").submit();
    }

    /*跳转至第N页*/
    function top_turnpage() {
        var pagenum = $("#top_pagenum").val();
        var maxPage = $(this).attr("id");
        if (pagenum == "" || pagenum > maxPage) {
            pagenum = maxPage;
        }
        topage(pagenum);
    }
</script>
<!-- 视频播放 -->
<div id="info">
    <div style="margin: auto">
        <video id="video1" class="video-js vjs-default-skin" width="1100" height="550" controls preload="none">
            <source th:src="${studyVideo.getVideoPath()}" type="video/mp4">
        </video>
        <button type="button" style="padding: 7px 13px;font-size: 15px;line-height: 1.33;border-radius: 6px;"
                th:onclick="'play('+${session.USER.id}+')'" href="javascript:void(0)">领取积分
        </button>
    </div>
</div>

<input type="hidden" id="rightMenuGoodsId" value="19"/>
<div class="mui-mbar-tabs">
    <div class="quick_link_mian">
        <div class="quick_links_panel">
            <div id="quick_links" class="quick_links">
                <li>
                    <a href="#" class="my_qlinks"><i class="setting"></i></a>
                    <div class="ibar_login_box status_login">
                        <div class="login_btnbox">
                            <a href="../login.jsp.htm" tppabs="http://www.yxit.net/login.jsp" class="login_order">登
                                录</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)" class="mpbtn_wdsc"><i class="wdsc"></i></a>
                    <div class="mp_tooltip mp_tooltip1">我的收藏夹<i class="icon_arrow_right_black"></i></div>
                </li>

            </div>
            <div class="quick_toggle">

                <li>
                    <a href="#none"><i class="mpbtn_qrcode"></i></a>
                    <!-- <div class="mp_qrcode" style="display:none;"><img src="/images/wechatcode.jpg" width="148" height="175" /><i class="icon_arrow_white"></i></div> -->
                </li>
                <li><a href="#top" class="return_top"><i class="top"></i></a></li>
            </div>
        </div>
        <div id="quick_links_pop" class="quick_links_pop hide"></div>
    </div>
</div>
<div style="display:none;">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1257031534'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1257031534' type='text/javascript'%3E%3C/script%3E"));
    </script>
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="../common/help/aboutUs.html" tppabs="http://www.yxit.net/common/help/aboutUs.html">关于我们</a>
                </li>
                <li><a href="../common/help/contactUs.html"
                       tppabs="http://www.yxit.net/common/help/contactUs.html">联系我们</a></li>
                <li><a href="../common/help/advService.html" tppabs="http://www.yxit.net/common/help/advService.html">广告合作
                </li>
                <li><a href="../common/help/disclaimer.html" tppabs="http://www.yxit.net/common/help/disclaimer.html">免责申明</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="../wd.htm" tppabs="http://www.yxit.net/wd.htm">技术问答</a></li>
                <li><a href="../common/help/afterSale.html"
                       tppabs="http://www.yxit.net/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="../common/help/refundRule.html" tppabs="http://www.yxit.net/common/help/refundRule.html">退款帮助</a>
                </li>
                <li><a href="../sitemap.html" tppabs="http://www.yxit.net/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="../common/help/buyGoods.html"
                       tppabs="http://www.yxit.net/common/help/buyGoods.html">如何学习</a></li>
                <li><a href="../study.htm" tppabs="http://www.yxit.net/study.htm">抱团学习</a></li>
                <li><a href="../login.jsp.htm" tppabs="http://www.yxit.net/userCenter/purchasedGoodsList.html">我的课程</a>
                </li>
                <li><a href="../question/myQuestion.html" tppabs="http://www.yxit.net/question/myQuestion.html">我的问答</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="../common/help/teacherRegister.html"
                       tppabs="http://www.yxit.net/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="../common/help/issueFaceCourse.html"
                       tppabs="http://www.yxit.net/common/help/issueFaceCourse.html">发布课程</a></li>
                <!--<li><a href="/question/myQuestion.html">如何开课</a></li>-->
                <li><a href="../common/help/studyhelp.html"
                       tppabs="http://www.yxit.net/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="../common/help/aboutSchool.html" tppabs="http://www.yxit.net/common/help/aboutSchool.html">关于入驻</a>
                </li>
                <li><a href="../common/help/toBeSchool.html" tppabs="http://www.yxit.net/common/help/toBeSchool.html">学校入驻</a>
                </li>
                <li><a href="../common/help/schooldeco.html" tppabs="http://www.yxit.net/common/help/schooldeco.html">学校装修</a>
                </li>
                <li><a href="../common/help/marketcenter.html"
                       tppabs="http://www.yxit.net/common/help/marketcenter.html">营销中心</a></li>
            </ul>
        </div>
    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="javascript:if(confirm('http://beian.miit.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://beian.miit.gov.cn/'"
            tppabs="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        function whenDocumentReady3() {
            $("#weiChat-img").hover(function (event) {
                $("#weichatDiv").fadeIn(300);
            }, function (event) {
                $("#weichatDiv").fadeOut(300);
            });
        }
    </script>
    <script>
        myVid = document.getElementById("video1");

        function play(empid) {
            if (myVid.ended == true) {
                $.ajax({
                    type: "get",
                    url: "/study-video/vsignin/" + empid,
                    success:
                        function (date) {
                            alert(date);
                            videojs('video1', {
                                muted: true,
                                controls: true,
                                height: 300,
                                width: 300,
                                loop: true,
                            });
                        }
                });
            } else {
                alert("请观看完视频后领取！");
            }
        }
    </script>
    <script>
        // 禁止快进
        var sym;
        var video=document.querySelector("#video1")
        setInterval(function () {
            var time=video.currentTime
            if(time-sym>1){
                video.currentTime=sym
            }
            sym=video.currentTime
        },1);
    </script>
</div>
</body>
</html>